@import 'variables';

$list-group-border-width: 1px; //переменна переопределена после удаления bootstrap

.list-group-pagination .list-group-item:first-child {
  border-top-width: $list-group-border-width;
}

.pagination-btn {
  //background-color: #20c997;

  .btn {
    border-radius: 0;

    &.outline {
      &.outline:disabled,
      &.outline.disabled {
        border: 1px solid rgba($primary, 0.26);
        background-color: transparent;
        color: $gray-600;
        cursor: default;

        path {
          fill: $gray-600 !important;
        }
      }
    }
  }
}

.group-list {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: $space-x1;

  &.group-flush {
    border-radius: 0;
  }

  .group-list-item {
    position: relative;
    display: block;
    padding: $space-x3 $space-x5;
    border: $borderPrimary;
    border-top: none;
    color: $gray-900;

    &:first-child {
      border-top: $borderPrimary;
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }

    &:last-child {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
    }

    &:hover,
    &:focus,
    &:active {
      background-color: $gray-50;
      outline: none;
    }

    &.group-list-item-link {
      text-decoration: none;
    }

    &.group-list-item-active {
      background-color: $primary;
      color: $white;
    }
  }
}

.group-flush > .group-list-item {
  border-width: 0 0 1px;
}
